﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>折叠面板Accordion</title>
		<link rel="stylesheet" href="../jquery-ui.min.css" />
		
	</head>
	<body>
		<div id="accordion">
			<h3>部分1</h3>
			<div>
				<p>菜单1</p>
				<p>菜单2</p>
				<p>菜单3</p>
			</div>
			<h3>部分2</h3>
			<div>
				<p>菜单4</p>
				<p>菜单5</p>
			</div>
			<h3>部分3</h3>
			<div>
				<p>菜单6</p>
				<p>菜单7</p>
				<p>菜单8</p>
			</div>
		</div>
		<script src="../jquery-1.12.4.min.js"></script>
		<script src="../jquery-ui.min.js"></script>
		<script>
			//点击折叠
			// $('#accordion').accordion();
			$('#accordion').accordion(
				{
				  event:'mouseover'	
				}
			);
		</script>
	</body>
</html>
